<template>
  <div>
    <a-empty v-show="true">
      <span slot="description">暂无信息通知</span>
    </a-empty>
    <a-list item-layout="horizontal" :data-source="data">
      <a-list-item slot="renderItem" slot-scope="item">
        <a-list-item-meta description="请注意测试结束时间为2000-10-10 19.30">
          <a slot="title" href="https://www.antdv.com/">{{ item.title }}</a>
          <a-avatar
            slot="avatar"
            src="https://portrait.gitee.com/uploads/avatars/user/2184/6553316_lu-sir_1593787900.jpeg!avatar100"
          />
        </a-list-item-meta>
      </a-list-item>
    </a-list>
  </div>
</template>
<script>
const data = [
  {
    title: "LuLu",
  },
  {
    title: "LuLu",
  },
  {
    title: "LuLu",
  },
  {
    title: "LuLu",
  },
];
export default {
  data() {
    return {
      data,
    };
  },
  created() {
    console.log("获取消息");
  },
};
</script>
<style></style>
